$common-sp-width: 768px;
$common-tab-width: 1280px;

@mixin pc {
  @media screen and (min-width: $common-sp-width) {
    @content;
  }
}

@mixin tab {
  @media only screen and (min-width: $common-sp-width) and (max-width: $common-tab-width) {
    @content;
  }
}

@mixin sp {
  @media only screen and (max-width: $common-sp-width) {
    @content;
  }
}

$common-pc-inner-width: 1184px;
$common-pc-max-width: 1280px;
$common-header-height: 56px;

@include pc {
  $common-header-height: 80px;
}

$common-vt-c-gold: #bb9b51;
$common-vt-c-white: #fff;
$common-vt-c-white-soft: #f8f8f8;
$common-vt-c-black: #181818;
$common-vt-c-black-soft: #222;
$common-vt-c-black-mute: #888;

